<el-drawer
    title="角色权限设置"
    :visible.sync="jurisdiction.drawer"
    direction="rtl"
    size="450px"
    custom-class="Va-drawer fixed"
    :append-to-body="true"
    {{--  监测抽屉鼠标事件  --}}
    :wrapper-closable="mousedownClassBol"
    @mousedown.native="handleWrapperMousedown($event)"
    @mouseup.native="handleWrapperMouseup($event)"
    {{--  监测抽屉鼠标事件 End  --}}
    v-cloak data-7512a93d
>
    <div>
    <div v-loading="jurisdiction.loading">
        <el-row :gutter="24" type="flex" class="Va-drawer-main" data-7512a93d :style="layouts.drawerFixedHeight">
            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <el-tree
                    :data="parentsMenuItems"
                    show-checkbox
                    node-key="value"
                    check-on-click-node
                    default-expand-all
                    ref="jurisdictionMenusIds"
                    highlight-current
                >
                </el-tree>
            </el-col>
        </el-row>
    </div>
    <div slot="footer" class="Va-drawer-footer" data-7512a93d>
        <div class="Va-text-left" data-7512a93d>
            <el-button @click="drawerFormsSubmits('jurisdiction')" type="primary" size="medium" :loading="jurisdiction.loading">
                @{{jurisdiction.loading ? '提交中...' : '提 交'}}
            </el-button>
            <el-button @click="drawerFormsCloses('jurisdiction')" size="medium">取 消</el-button>
        </div>
    </div>
    </div>
</el-drawer>
